<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>背景和文本。字体</title>
</head>
<body>
    <!-- 
        背景
       background-color： 规定要使用的背景颜色。
       background-position： 规定背景图像的位置。
          两个值：第一个是水平放向  第二个是垂直方向

       background-size： 规定背景图片的尺寸大小。
              两个值：一个值x方向   一个值y方向   只写一个值为X方向的值Y值默认为auto
              属于css3
       background-repeat ：规定如何重复背景图像。
           no-repeat:不平埔  repeat-x：左右   repeat-y:上下

       background-origin ：规定背景图片的定位区域。
       background-clip： 规定背景的绘制区域。
       background-attachment： 规定背景图像是否固定或者随着页面的其余部分滚动。
               fixed:固定位置        scroll：随着滚动而滚动
       background-image:url() ：规定要使用的背景图像。

     -->

     <!-- 
         文本
         color:颜色
         line-height：行高
         text-indent：首行缩进
         text-decoration：none  取消下划线
            line-througn  删除线
            underline   下划线
        text-align：center 居中对齐     属于水平对齐方式
            right 右对齐        justify：两端对齐    inherit：从父元素继承
        
      -->

      <!-- 
         自定义字体
         @font-face
         font-family："我的"
         src=""




          字体
           font-size：字体大小
           font-style：italic  斜体字
           font-weight：100~900整数  字体粗细   bold=700加粗
           font-family："我的"
           font:样式 粗细 字体大小/行高 字体；
       -->


</body>
</html>